<html>
  <head>
    <title>Página do Fulano</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="resources/css/formatacoes.css">
  </head>
  <body>
    <div id="total" >  
      <div id="cabecalho">
        <header>
          <img id="banner" alt="banner" src="resources/images/om.png">
        </header>
      </div>

      <!--<div id="conteudo">-->

      <div id="menu">
        <a href="index.html">HOME</a> | <a href="minhaCidade.html">MINHA CIDADE</a> | 
        <a href="contato.html">CONTATO</a> 
      </div>      

      <div id="central">  
        <div id="redes">
          <a href="https://www.facebook.com/omauriciosilva" target="_blank">
            <img id="fb" align="right" alt="facebook" src="resources/images/fb.png">                  
          </a>
          <a href="https://twitter.com/omauriciosilva" target="_blank">
            <img id="tw" align="right" alt="twitter" src="resources/images/tw.png">                  
          </a>
        </div>
        <h1 id="bemvindos" >Minha Cidade</h1>
        <br/>

        <p>
          O Recife é a capital do sétimo estado mais populoso do Brasil, Pernambuco, situando-se próximo 
          ao paralelo 8º04'03'' sul e do meridiano 34º55'00'' oeste. Ocupa uma área de 218,435 quilômetros 
          quadrados, e se limita com os municípios de Jaboatão dos Guararapes, São Lourenço da Mata, Camaragibe, 
          Paulista e Olinda. É sede da Região Metropolitana do Recife (RMR), a sexta maior aglomeração urbana 
          do Brasil (2010), e sua área de influência direta abrange grande parte dos estados de Pernambuco, 
          Paraíba, Rio Grande do Norte e Alagoas.
          <br/><br/><i style="font-size: 10px">Fonte: Wikipedia</i>
        </p>

        <div id="video">
          <iframe width="560" height="315" src="//www.youtube.com/embed/gDIEQ3u4CRw" 
                  frameborder="0" allowfullscreen></iframe>
          <br/><br/><br/>
          <iframe width="560" height="315" src="//www.youtube.com/embed/Fm8MMa9yTUI" 
                  frameborder="0" allowfullscreen></iframe>
        </div>

        <br/>
        <br/>

        <div id="bv"> 
          <h3>Praia de Boa Viagem</h3>
          <p>
            A Praia de Boa Viagem é a praia urbana mais famosa da cidade do Recife, capital do estado de Pernambuco. 
            Tendo aproximadamente sete quilômetros (7 km) de extensão e estando situada no bairro de Boa Viagem (Zona Sul da capital pernambucana), 
            é delimitada pela Praia do Pina em um lado e pela Praia de Piedade do outro. A maior parte da praia de Boa Viagem é protegida por uma 
            barreira de recifes naturais, os quais deram nome à cidade.
            <br/><br/><i style="font-size: 10px">Fonte: Wikipedia</i>
          </p>           
          <img id="1" align="left" alt="praia de boa viagem" width="300" src="resources/images/bv.jpg">                       
        </div>
        <br/>
        <div id="marco">
          <h3>Marco Zero</h3>
          <p>
            A praça Rio Branco localiza-se no bairro do Recife, conhecido por "Recife Antigo", em Pernambuco. O local fica próximo ao porto do 
            Recife e abriga o Marco Zero da cidade do Recife (instalado em 31 de janeiro de 1938, pelo Automóvel Clube de Pernambuco), daí sua 
            denominação popular, pela qual é mais conhecida, Marco Zero. É deste marco que são feitas todas as medidas oficiais de distâncias 
            rodoviárias locais. Oficialmente denominada de Praça Barão do Rio Branco, fica localizada na Av. Alfredo Lisboa conectada às ruas 
            Marquês de Olinda, Rio Branco e Barbosa Lima.
            <br/><br/><i style="font-size: 10px">Fonte: Wikipedia</i>
          </p> 

          <img id="2" align="left" alt="marco zero" width="300" src="resources/images/marco.jpg">    
        </div>

      </div>

      <footer>      
        Desenvolvido por Fulano na disciplina de <a href="http://www.joaquimnabuco.edu.br/" target="_blank" style="">Programação para Web</a> – 10/09/2014
      </footer>
    </div>

    <!--</div>-->
  </body>
</html>
